<template>
  <h1>App...</h1>
  <!-- 
    给组件绑定事件
      vue2中
        给组件绑定的事件都是自定义事件
        如果想要原生DOM事件，加 .native
      vue3中
        给组件绑定的事件都是原生DOM事件
        如果想要自定义事件：
          组件内通过emits声明接受事件

    父子组件通信：
      1. 父 -> 子  props
        父组件绑定数据
        子组件通过props声明接受数据

      2. 子 -> 父  自定义事件
        父组件绑定事件
        子组件通过emits声明接受事件

      3. 父 -> 子
         子 -> 父
         
         v-model:xxx
   -->
  <p>{{ count }}</p>
  <Child @click="count += $event" />
</template>

<script lang="ts">
import { defineComponent } from "vue";
import Child from "./Child.vue";

export default defineComponent({
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      count: 0,
    };
  },
});
</script>

<style>
</style>
